<script>
    loadcss('css/dialog.css')
</script>

<style>


    #dynamic_page-main {
        position: absolute;
        z-index: 10001;
        top: 50px;
        width: 100%;
        height: 100%;
        display: none;
    }

    #close_dp svg {

        height: 20px;
        width: 20px;
    }

    .dynamic_page-all{
        background-color: #5c98f0;
    }

</style>

<!--遮蔽浮层-->
<div class="pop-mask dynamic_page-all">
</div>

<div class="dynamic_page-all dynamic_page-main" id="dynamic_page-main">

    <div class="tang-title tang-title-dragable" style="background-color: transparent;height: 0">
        <!--关闭按钮-->
        <div style="position: absolute;right: 25px;top: -30px">
            <a id="close_dp">
                <svg t="1547124309166" class="icon" style="" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="858" xmlns:xlink="http://www.w3.org/1999/xlink"
                     width="200" height="200">
                    <defs>
                        <style type="text/css"></style>
                    </defs>
                    <path d="M947.608 0l-438.13 438.13L71.348 0 0.026 71.323l438.13 438.13L0.025 947.583l71.324 71.322 438.13-438.129 438.129 438.13 71.323-71.324-438.13-438.13 438.13-438.129z"
                          fill="#333333" p-id="859"></path>
                </svg>
            </a>
        </div>
    </div>
    <div>
        <div id="dynamic_page_panel">

        </div>
    </div>
</div>


<script>

    let dynamic_page_layer = $(".dynamic_page-all");

    $("#close_dp").click(function () {

        //广播按下动态页面按钮的事件
        Event.fanout('__press_dynamic_page_close_bt');
        close_dynamic_page();
    });

    function close_dynamic_page() {

        //广播动态页面被关闭的事件
        Event.fanout('__dynamic_page_close');
        dynamic_page_layer.hide();
        unbokehmain();
        dynamicPage.isShow = false;
        $('div.main_bts').show();
    }

    function open_dynamic_page() {

        dynamic_page_layer.show();
        bokehmain();
        dynamicPage.isShow = true;
        $('div.main_bts').hide();
    }

    var dynamicPage = {
        isShow: false,
        show: open_dynamic_page,
        close: close_dynamic_page,
        display: function (path) {
            loadpage('#dynamic_page_panel', path);
            open_dynamic_page();
        }
    };

</script>